<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>携程旅行网-会员注册</title>
    <link rel="stylesheet" href="Register.css">
    <link rel="stylesheet" href="../static/css/reset.css">
    <link rel="stylesheet" href="../static/icon/icon.css">
</head>
<body>
<!--头部-->
<header id="xc-register-header">
    <!--头部包装器-->
    <div class="xc-header-wrapper">
        <h1 class="xc-jumpHome">
            <a href="../Index/Index.html" type="hidden" title="携程旅行网"></a>
        </h1>
    </div>
</header>
<!--主体部分-->
<regBody id="xc-register-body">
    <!--注册的包装器-->
    <div class="xc-register-wrapper">
        <!--个性化注册-->
        <!--动态部分-->
        <div class="xc-step-wrapper">
            <ul class="xc-reg-step">
                <li class="xc-step1">
                    <span></span>
                    <!--                    <div class="" style="width: 10px;height: 10px;border-radius: 5px;background-color: #799d08"></div>-->
                    <!--                    <i class="iconfont xc-icon-green">&#xe605;</i>-->
                    验证手机
                </li>
                <li class="xc-step-other">
                    <span></span>
                    <!--                    <i class="iconfont xc-icon-gray">&#xe605;</i>-->
                    设置密码
                </li>
                <li class="xc-step-other">
                    <span></span>
                    <!--                    <i class="iconfont xc-icon-gray">&#xe605;</i>-->
                    注册成功
                </li>
            </ul>
        </div>
        <!--输入账号密码及登录部分-->
        <div class="xc-part-register">
            <!--输入手机号-->
            <dl class="xc-inputPart">
                <dt class="xc-reg-label">手机号</dt>
                <dd>
                    <div class="xc-reg-selectCountry">
                        中国大陆 86
                    </div>
                    <input class="xc-reg-inputAccount" type="text" placeholder="有效手机号">
                </dd>
            </dl>
            <!--滑块-->
            <dl class="xc-inputPart">
                <dt class="xc-reg-label">滑块验证</dt>
                <dd>
                    <div class="xc-slideCOde">

                    </div>
                </dd>
            </dl>
            <!--输入验证码-->
            <dl class="xc-inputPart">
                <dt class="xc-reg-label">短信验证码</dt>
                <dd class="xc-code-border">
                    <div class="xc-input-verificationCode">
                        <input class="xc-verificationCode" type="text" placeholder="6位数字">
                        <a href="">发送验证码</a>
                    </div>
                </dd>
            </dl>
            <!--提示-->
            <p class="xc-agreement">
                同意
                <a href="">服务协议</a>
                和
                <a href="">隐私政策</a>
            </p>
            <div class="xc-nextStep">
                <input class="xc-seg-btn" type="submit" value="下一步，设置密码">
                <a class="xc-businessUsers" href="">企业客户注册</a>
            </div>
        </div>
    </div>
</regBody>
</body>
</html>